<template>
  <div class="content">
    <scroller
      class="scroller"
      :show-scrollbar="false"
    >
      <my-div class="flexheader">
        <div>
          <my-text
            :text="$t('found.finance')"
            night_color='rgba(237,91,20,1)'
            class="smallheaderfont"
          ></my-text>
        </div>
        <div style="margin-right: 20px">
          <my-text
            class="smallheaderright"
            day_color="rgba(154,156,164,1)"
            :text="$t('wallet.all')"
          ></my-text>
        </div>
        <image
          class="rightimg"
          src="root:img/home/right@2x.png"
        ></image>
      </my-div>
      <scroller
        class="scrollerlfetright"
        scroll-direction="horizontal"
        :show-scrollbar="false"
      >
        <!--左右滑动大盒子-->
        <my-div style="display:flex;flex-direction: row;">
          <!--左右1-->
          <my-div>
            <!--上下-->
            <my-div class="liststyle">
              <my-div>
                <image
                  style="width:100px;height:100px;border-radius:25px;box-shadow: 0 0.08rem 0.3rem 0.01rem rgba(1, 63, 179, 0.14);"
                  :src="`root:img/${theme}/head/sidebar@2x.png`"
                ></image>
              </my-div>
              <my-div style="margin-left: 20px;width: 510px;margin-top: 12px;">
                <my-text
                  night_color="rgba(225,216,207,1)"
                  day_color=""
                  class="moneyname"
                  text="imkey"
                >

                </my-text>
                <my-text
                  day_color="rgba(154,156,164,1)"
                  night_color="rgba(170,162,154,1)"
                  style="font-size:24px;margin-top: 14px;"
                  text="sksksksksk描述"
                ></my-text>
                <my-div
                  night_bg="rgba(55,55,55,1)"
                  day_bg="rgba(233,233,233,1)"
                  style="height: 1px;width: 510px;position: absolute;bottom: 0px"
                ></my-div>
              </my-div>
            </my-div>
            <my-div class="liststyle">
              <my-div>
                <image
                  style="width:100px;height:100px;border-radius:25px;box-shadow: 0 0.08rem 0.3rem 0.01rem rgba(1, 63, 179, 0.14);"
                  :src="`root:img/${theme}/head/sidebar@2x.png`"
                ></image>
              </my-div>
              <my-div style="margin-left: 20px;width: 510px;margin-top: 12px;">
                <my-text
                  night_color="rgba(225,216,207,1)"
                  day_color=""
                  class="moneyname"
                  text="imkey"
                >

                </my-text>
                <my-text
                  day_color="rgba(154,156,164,1)"
                  night_color="rgba(170,162,154,1)"
                  style="font-size:24px;margin-top: 14px;"
                  text="sksksksksk描述"
                ></my-text>
                <my-div
                  night_bg="rgba(55,55,55,1)"
                  day_bg="rgba(233,233,233,1)"
                  style="height: 1px;width: 510px;position: absolute;bottom: 0px"
                ></my-div>
              </my-div>
            </my-div>
            <my-div class="liststyle">
              <my-div>
                <image
                  style="width:100px;height:100px;border-radius:25px;box-shadow: 0 0.08rem 0.3rem 0.01rem rgba(1, 63, 179, 0.14);"
                  :src="`root:img/${theme}/head/sidebar@2x.png`"
                ></image>
              </my-div>
              <my-div style="margin-left: 20px;width: 510px;margin-top: 12px;">
                <my-text
                  night_color="rgba(225,216,207,1)"
                  day_color=""
                  class="moneyname"
                  text="imkey"
                >

                </my-text>
                <my-text
                  day_color="rgba(154,156,164,1)"
                  night_color="rgba(170,162,154,1)"
                  style="font-size:24px;margin-top: 14px;"
                  text="sksksksksk描述"
                ></my-text>
                <my-div
                  night_bg="rgba(55,55,55,1)"
                  day_bg="rgba(233,233,233,1)"
                  style="height: 1px;width: 510px;position: absolute;bottom: 0px"
                ></my-div>
              </my-div>
            </my-div>
          </my-div>
          <!--左右2-->
          <my-div>
            <my-div class="liststyle">
              <my-div>
                <image
                  style="width:100px;height:100px;border-radius:25px;box-shadow: 0 0.08rem 0.3rem 0.01rem rgba(1, 63, 179, 0.14);"
                  :src="`root:img/${theme}/head/sidebar@2x.png`"
                ></image>
              </my-div>
              <my-div style="margin-left: 20px;width: 510px;margin-top: 12px;">
                <my-text
                  night_color="rgba(225,216,207,1)"
                  day_color=""
                  class="moneyname"
                  text="imkey"
                >

                </my-text>
                <my-text
                  day_color="rgba(154,156,164,1)"
                  night_color="rgba(170,162,154,1)"
                  style="font-size:24px;margin-top: 14px;"
                  text="sksksksksk描述"
                ></my-text>
                <my-div
                  night_bg="rgba(55,55,55,1)"
                  day_bg="rgba(233,233,233,1)"
                  style="height: 1px;width: 510px;position: absolute;bottom: 0px"
                ></my-div>
              </my-div>
            </my-div>
            <my-div class="liststyle">
              <my-div>
                <image
                  style="width:100px;height:100px;border-radius:25px;box-shadow: 0 0.08rem 0.3rem 0.01rem rgba(1, 63, 179, 0.14);"
                  :src="`root:img/${theme}/head/sidebar@2x.png`"
                ></image>
              </my-div>
              <my-div style="margin-left: 20px;width: 510px;margin-top: 12px;">
                <my-text
                  night_color="rgba(225,216,207,1)"
                  day_color=""
                  class="moneyname"
                  text="imkey"
                >

                </my-text>
                <my-text
                  day_color="rgba(154,156,164,1)"
                  night_color="rgba(170,162,154,1)"
                  style="font-size:24px;margin-top: 14px;"
                  text="sksksksksk描述"
                ></my-text>
                <my-div
                  night_bg="rgba(55,55,55,1)"
                  day_bg="rgba(233,233,233,1)"
                  style="height: 1px;width: 510px;position: absolute;bottom: 0px"
                ></my-div>
              </my-div>
            </my-div>
          </my-div>
        </my-div>

      </scroller>
    </scroller>
  </div>
</template>
<style scoped>
  .scrollerlfetright{
    width: 1500px;
  }
  .moneyname{
    font-size: 28px;
    font-family: PingFang SC;
  }
  .scroller{
    width: 750px;
  }
  .liststyle{
    display: flex;
    flex-direction: row;
    /*width: 643px;*/
    width: 643px;
    height: 154px;
    margin-left: 30px;
    padding-top: 10px;
  }
  .smallheaderfont{
    font-size:36px;
  }
  .smallheaderright{
    font-size: 28px;
    color: rgba(154,156,164,1);
  }
  .flexheader{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .rightimg{
    width: 11px;
    height: 20px;
    position: absolute;
    right: 30px;
    top: 15px;
  }
</style>